<!DOCTYPE HTML>
<html lang="zxx">

<head>
    <title>登录</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="Triple Forms Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Meta tag Keywords -->

    <!-- css files -->
    <link rel="stylesheet" href="/css/login/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link href="/css/login/font-awesome.min.css" rel="stylesheet">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->

</head>

<body>
<div class="main-bg" id="mian">
    <div id="updateDiv" style="display: none">
        <input id="alert" type="button" value="Alert" />
        <input id="confirm" type="button" value="Confirm" />
    </div>
    <!-- title -->
    <h1>小疯子博客后台管理系统</h1>
    <!-- //title -->
    <div class="sub-main-w3">
        <div class="image-style">

        </div>
        <!-- vertical tabs -->
        <div class="vertical-tab">
            <div id="section1" class="section-w3ls">
                <input type="radio" name="sections" id="option1" checked>
                <label for="option1" class="icon-left-w3pvt"><span class="fa fa-user-circle" aria-hidden="true"></span>登录</label>
                <article>
                    <form id="loginfm">
                        <h3 class="legend">账号登录</h3>
                        <div class="input">
                            <span class="fa fa-envelope-o" aria-hidden="true"></span>
                            <input type="text" autocomplete="new-password" placeholder="账号" name="userName" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-key" aria-hidden="true"></span>
                            <input type="password" autocomplete="new-password" placeholder="密码" name="password" required />
                        </div>
                        <div class="input">
                            <input type="text" placeholder="验证码" name="verificate" required />
                            <img class="login-captcha" src="assets/captcha">
                        </div>
                        <button type="button" id="loginsubmit" class="btn submit">登 录</button>
                    </form>
                </article>
            </div>
            <div id="section2" class="section-w3ls">
                <input type="radio" name="sections" id="option2">
                <label for="option2" class="icon-left-w3pvt"><span class="fa fa-pencil-square" aria-hidden="true"></span>注册</label>
                <article>
                    <form id="registerfm">
                        <h3 class="legend">注册帐户</h3>
                        <div class="input">
                            <span class="fa fa-user-o" aria-hidden="true"></span>
                            <input type="text" autocomplete="new-password"  placeholder="用户名" name="userName" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-key" aria-hidden="true"></span>
                            <input type="password" autocomplete="new-password"  placeholder="密码" name="password" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-key" aria-hidden="true"></span>
                            <input type="password" autocomplete="new-password"  placeholder="确认密码" name="confirmPassword" required />
                        </div>
                        <button type="button" id="registersubmit" class="btn submit">注 册</button>
                    </form>
                </article>
            </div>
            <div id="section3" class="section-w3ls">
                <input type="radio" name="sections" id="option3">
                <label for="option3" class="icon-left-w3pvt"><span class="fa fa-lock" aria-hidden="true"></span>忘记密码?</label>
                <article>
                    <form id="resetpasswordfm">
                        <h3 class="legend last">重置密码</h3>
                        <p class="para-style">请在下面输入您的电子邮件地址，我们将给您发送一封带有说明的电子邮件。</p>
                        <p class="para-style-2"><strong>需要帮助?</strong>了解更多关于如何 </p>
                        <div class="input">
                            <span class="fa fa-envelope-o" aria-hidden="true"></span>
                            <input type="email" placeholder="邮箱" name="email" required />
                        </div>
                        <button type="button" id="resetpasswordsubmit" class="btn submit last-btn">提交</button>
                    </form>
                </article>
            </div>
        </div>
        <!-- //vertical tabs -->
        <div class="clear"></div>
    </div>
    <!-- copyright -->
    <div class="copyright">
        <h2>Copyright &copy; 2019 - {{nowYear}} 版权所有| by
            <a href="#">鱼遇熊掌</a>
        </h2>
    </div>
    <!-- //copyright -->
</div>

</body>
<!-- script   -->
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://www.jq22.com/jquery/vue.min.js"></script>
<script src="/js/alert.js"></script>
<script src="/js/login.js"></script>
<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script>
    new Vue({
        el:'#mian',
        data: {
            nowYear:new Date().getFullYear(),
        }
    });
</script>
<!-- //script -->

</html>
